
<template>
    <div ref="analysisRef" style="width: 180%; height: 420%"></div>
  </template>

  <script lang="ts" setup>
    import { ref, onMounted } from "vue";
    //  按需引入 echarts
    import * as echarts from "echarts";
  
    const props = defineProps({		//通过defineProps "编译器宏"接收子组件传递的数据
      areaOption: Object
    })
    const analysisRef = ref() // 使用ref创建虚拟DOM引用，使用时用analysisRef.value
    onMounted(
      () => {
        analysisInit()
      }
    )
    function analysisInit() {
      console.log('888', props.areaOption)
      // 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(analysisRef.value);
      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(props.areaOption);
    }
    </script>
  
  <style scoped>
  </style>
